<script type="text/javascript" src="{{$LAYOUT_HELPER_URL}}front/js/jquery.validate.js"></script>
<script type="text/javascript">
$().ready(function() {
    // validate signup form on keyup and submit
    $("#register").validate({
        rules: {
            'email': {
                required: true,
                email: true
            }
        },
        messages: {
            'email': ""
        }
    }); 
});

function submitForm()
{
	$("#register").submit();
}

</script>

<div id="mainContent">
		<div class="SubWrapper">
            <div class="Title01 M20Top">
                <h5><label>F</label>orgot&nbsp;<label>P</label>assword</h5>
            </div>
            <div class="Rows">
                <div class="RowCol09">
                    <img src="{{$BASE_URL}}{{$contentLeft.main_image}}" alt="Image" />
                    <div class="CreatList">
                        {{$contentLeft.full_text}}
                    </div>
                </div>
                <div class="RowCol10">
                    <p>{{$contentCenter.full_text}}</p>
                    <div class="Box04 M15Top">
                        <div class="TopBox04">
                            <div class="TopItem01"></div>
                            <div class="TopItem02 W734"></div>
                            <div class="TopItem03"></div>
                        </div>
                        <form method="POST" name="register" id="register" action="">
                        <div class="CenterBox04 W746 Rows">
                           
                           {{if $forgotMessage|@count>0}} 
                           		{{if $forgotMessage.success}}
                           			<div style="padding: 10px 5px; color: green; font-weight: bold; border-top: 1px solid green; border-bottom: 1px solid green;">
						                {{$forgotMessage.message}}
						            </div>
                           		{{else}}
                           			<div style="padding: 10px 5px; color: red; font-weight: bold; border-top: 1px solid red; border-bottom: 1px solid red;">
						                {{$forgotMessage.message}}
						            </div>
                           		{{/if}}       
<!--				            <div class="register_error">-->
<!--				                <b>Error:</b> Email doesn't exist. Please try with correct email.-->
<!--				            </div>-->
				            {{/if}}
				            <br/>
                           <div class="RowCol11">
                                <div class="CreateForm">
                                    <label>Din e-mail adresse<span style="color:red">*</span></label>
                                    <input type="text" id="email" name="email" value="{{$email}}" style="width:300px;" />&nbsp;
                                    <br style="clear: both;" />
                                </div>
                                <div class="CreateButton">
                                    <div class="ButtonRed">
                                        <a href="javascript:submitForm();" title="{{l}}Send{{/l}}"><span>{{l}}Send{{/l}}<img src="{{$LAYOUT_HELPER_URL}}front/img/icon12.png" alt="Icon" /></span></a>
                                    </div>
                               </div>
                           </div>
                           
                           <div class="RowCol12">
                                <img src="{{$LAYOUT_HELPER_URL}}front/img/img09.jpg" alt="Image" />
                           </div>
                        </div>
                        </form>
                        <div class="BotBox04">
                            <div class="BotItem01"></div>
                            <div class="BotItem02 W734"></div>
                            <div class="BotItem03"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>